<!DOCTYPE html>
<html>
<head>
	<title>日志系统</title>
    <link href="/static/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
.navbar-static-top {
  margin-bottom: 19px;
}
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
  min-height: 800px;
}
footer {
  padding: 30px 0;
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}
.button {
    color:#777777;
    border: none;
    background-color: #f8f8f8;
    padding-top: 15px;
    width:100px;
    outline: none;

}
.button:active{
    background-color: #f8f8f8;
    outline:none;
    border: 0px;

}
.button:hover{
    background-color: #f8f8f8;
    outline:none;
    border: 0px;
    color: #0f0f0f;
}
.button1 {
    color:#777777;
    border: none;
    background-color: #f8f8f8;
    padding-top: 18px;
    width:100px;
    outline: none;

}
.button1:active{
    background-color: #f8f8f8;
    outline:none;
    border: 0px;

}
.button1:hover{
    background-color: #f8f8f8;
    outline:none;
    border: 0px;
    color: #0f0f0f;
}
#button2 {
    color:#0f0f0f;
}
#button2:active{
    background-color: #0f0f0f;
    outline: none;
    border: none;

}
#button2:hover{
    background-color: #9acfea;
    outline: none;
    border: none;
}
#button3 {
    outline: none;

}
#button3:active{
    background-color: #e0e0e0;
    outline: none;
    border: none;

}
#button3:hover{
    background-color: #e0e0e0;
}

#button4 {
    color:#777777;
    border: none;
    background-color: #f8f8f8;
    padding-top: 17px;
    width:110px;
    outline: none;

}
#button4:active{
    background-color: #f8f8f8;
    outline:none;
    border: 0px;

}
#button4:hover{
    background-color: #f8f8f8;
    outline:none;
    border: 0px;
    color: #0f0f0f;
}
</style>
  </head>

  <body>
    <nav class="navbar navbar-default navbar-static-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
            <form action="/entry" method="post"><button type="submit"class="navbar-brand" id="button4" >观赛指南</button></form>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
              <li><form action="/VenueIntroduction" method="post"><button type="submit" class="button1" >场馆介绍</button></form></li>
              <li><form action="/routeplan" method="post"><button type="submit" class="button1" >路径规划</button></form></li>
              <li><form action="/weather" method="post"><button type="submit" class="button1" >天气查询</button></form></li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
              <li><form action="/login" method="post"><button id="test" type="submit" class="button" >登录</button></form></li>
              <li><form action="/register" method="post"><button type="submit" class="button" >注册<span class="sr-only">(current)</span></button></form></li>
              <li><form action="/viewlog" method="get"><button type="submit" class="button">日志系统<span class="sr-only">(current)</span></button></form></li>
          </ul>
        </div>
      </div>
    </nav>

 <div style="margin: 0px 0px 0px 400px;font-weight: normal;font-size: 20px">
	<table border="1" style="background-color:#bce8f1 ">
		<tr>
			{% for row_title in the_title %}
			<td>{{row_title}}</td>
			{% endfor %}

		</tr>

		{% for log_row in the_data %}
		<tr>
		    {% for log_item in log_row %}
			<td>{{log_item}}</td>
			{% endfor %}
		</tr>
		{% endfor %}
	</table>
 </div>
<div style="padding: 100px 0px 0px 400px">
	<form action="/entry">
		<button type="submit">返回首页</button>
	</form>
</div>

  </body>
</html>